
@charset "utf-8";
@import "./../common/common";
.animateContainer {
  left: 0vw;
  width: 100vw;
  height: 100vh;
  top: 0;
}

.noscroll,
.noscroll body {
  overflow: hidden;
}

.noscroll body {
  position: absolute;
}

.form-check-label {
  padding-left: 0;
}

body {
  #wrap {
    position: relative;
    .animateContainer;
    >div {
      width: 100vw;
      height: 100vh;
      position: absolute;
    }
    .bk1 {
      background: url("./../../image/pattern-1709.jpg");
      opacity: 0.6;
      left: -100vw;
    }
    .bk2 {
      background: url("./../../image/pattern-1715.jpg");
      opacity: 0.6;
    }
    .bk3 {
      background: url("./../../image/pattern-1679.jpg");
      left: 100vw;
      opacity: 0.6;
    }
  }
  main {
    position: absolute;
    margin: 0 auto;
    .animateContainer;
    padding: 0 !important;
    left: 0vw;
    align-content: flex-start;
    >div {
      width: 100vw;
      height: 100vh;
      position: absolute;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      top: 5vh;
      margin-bottom: 10vh;
    }
    .content {
      overflow: auto;
      &::-webkit-scrollbar {
        display: none
      }
      >.row {
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.6);
        width: 80%;
        .form-check {
          padding-left: 2rem;
        }
        #registDoctorForm {
          #sexLabel {
            display: block;
          }
        }
        >*,
        form>* {
          padding: 0;
          margin: 0;
        }
        .card {
          margin: 0;
          padding-bottom: 1rem;
        }
        .card-header {
          display: flex;
          justify-items: space-between;
          align-items: flex-end;
          >span {
            color: #868e96;
            margin-right: 1rem;
            cursor: pointer;
          }
          .active {
            font-size: 24px;
            color: black;
            font-weight: bold;
          }
        }
        input[type="submit"] {
          margin: 0 2rem;
          background: linear-gradient(45deg, @themeB, @themeG);
          color: white;
          text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5);
          transition: text-shadow 0.3s;
          cursor: pointer;
          &:hover {
            text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.8);
          }
          &.disabled {
            background-color: rgb(90, 90, 90);
            color: white;
            background-image: none;
          }
        }
        .showImg{
          width: 100%;
          height: 200px;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0.25rem;
          border: 1px solid #a3a3a3;
          >img{
            height: 100%;
            display: block;
          }
        }
      }
    }
    .wp1 {
      left: -100vw;
      .sidePic {
        background: linear-gradient(45deg, @themeB, @themeG);
      }
    }
    .wp2 {
      .sidePic {
        background: linear-gradient(45deg, @themeR, @themeB);
      }
    }
    .wp3 {
      left: 100vw;
      background-color: transparent;
    }
  }
}

// 设置表单验证的返回文字样式
.has-warning label,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .form-control-feedback,
.form-control-feedback[data-fv-result="NOT_VALIDATED"],
.form-control-feedback[data-fv-result="INVALID"] {
  color: @themeR;
}

.has-warning input{
  border-color: @themeR;
}

.has-success .control-label,
.has-success .help-block,
.has-success .form-control-feedback {
  color: @themeG;
}

// 使number形的input没有小箭头
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

@media (max-width: 1000px) {
  html {
    font-size: 12px;
  }
}

.selectDiv select {
  width: auto;
}

// 验证码设置
.verifiCont {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.verifi {
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 80%;
  height: 2.5rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
  padding: 0 2rem;
  font-family: FontAwesome; // 无法选中
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  span {
    font-size: 1.25rem;
    &:nth-child(1) {
      color: rgb(81, 81, 196);
      transform: rotateZ(45deg)
    }
    &:nth-child(2) {
      color: rgb(153, 216, 51)
    }
    &:nth-child(3) {
      color: rgb(191, 201, 48)
    }
    &:nth-child(4) {
      color: rgb(224, 80, 152)
    }
  }
}


.fv-has-feedback{position:relative}.fv-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.fv-help-block{display:block}.fv-form-bootstrap .help-block{margin-bottom:0}.fv-form-bootstrap .tooltip-inner{text-align:left}.fv-form-bootstrap .fv-icon-no-label{top:0}.fv-form-bootstrap .fv-bootstrap-icon-input-group{z-index:100}.form-inline.fv-form-bootstrap .form-group{vertical-align:top}.fv-form-foundation .fv-control-feedback{top:21px;right:15px;width:37px;height:37px;line-height:37px}.fv-form-foundation .collapse .fv-control-feedback{top:0;right:0}.fv-form-foundation .fv-icon-no-label,.fv-form-horizontal.fv-form-foundation .fv-control-feedback{top:0}.fv-form-foundation .error .fv-control-feedback{color:#f04124}.error.fv-has-tooltip select,.error.fv-has-tooltip textarea,.fv-form-foundation .error.fv-has-tooltip input{margin-bottom:1rem}.fv-form-pure .fv-control-feedback{top:22px;width:36px;height:36px;line-height:36px}.pure-form-stacked.fv-form-pure .fv-control-feedback{top:4px}.pure-form-aligned .pure-control-group .fv-help-block{margin-top:5px;margin-left:180px}.fv-form-pure .fv-icon-no-label,.pure-form-aligned.fv-form-pure .fv-control-feedback{top:0}.fv-form-pure .fv-has-error .fv-control-feedback,.fv-form-pure .fv-has-error .fv-help-block,.fv-form-pure .fv-has-error label{color:#CA3C3C}.fv-form-semantic .fv-control-feedback.icon{right:7px}.fv-form-semantic .error .icon{color:#d95c5c}.fv-form-horizontal.fv-form-semantic .row{padding-bottom:0}.fv-form-uikit .fv-control-feedback{top:25px;width:30px;height:30px;line-height:30px}.fv-form-uikit .uk-text-danger{display:block}.uk-form-horizontal.fv-form-uikit .fv-control-feedback{top:0}.fv-form-uikit .fv-has-error .fv-control-feedback,.fv-form-uikit .fv-has-error .uk-form-label,.fv-form-uikit .fv-has-error label{color:#D85030}.fv-form-uikit .fv-icon-no-label{top:0}